<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/Html.html to edit this template
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="../js/lib/vue.js"></script>
    </head>
    <body>
        <div id="app">
            {{username}}
            <a v-bind:href="url">百度一下</a><br/>
            <input name="username" v-model="username"><br/><!-- comment -->
            <input type="button" value="一个按钮" @click="show()">
        </div>
        <div id="app2">
            {{username}}            
        </div>
        <script>
            new Vue({
                el: "#app",
                data: {
                        username: "李四",
                        url:'https://baidu.com'
                   
               },
               methods:{
                   show:function(){
                       //alert('我被点了');
                       this.username = '王五';
                       this.url = "https://jd.com";
                   },
                   abs(a,b){
                       
                   }
               }
             });            
        </script>
    </body>
</html>
